<template>
	<div class="invite-rule">
		<h2 class="bold pl30rem pr30rem pt30rem pb30rem align-center block" v-if="rule_id != 7">{{ data.title }}</h2>
		<div class="" v-html="data.content">
			
		</div>
	</div>
</template>

<script>
import { getRules } from '@/api/rules';
	export default{
		data()
		{
			return{
				data : [],
				rule_id : this.$route.params.id, 
			}
		},
		created()
		{
			this.loadData();
		},
		methods:
		{
			loadData()
			{
				getRules(this.rule_id).then(res => {
					this.data = res.data;
				})
			}
		}
	}
</script>